	* {
		margin: 0px;
		/*设置当前页面所以标签外边距*/
		padding: 0px;
		/*设置当前页面所以标签内边距*/
	}


	/* 设置Body标签全局样式 */
	body {
		background-color: rgba(127, 127, 127, 0.8);

	}

	#LoginAndReg {
		border-radius: 20px;
		background-color: white;
		width: 500px;
		/*宽度*/
		height: 455px;
		/*高度*/
		margin: 60px auto;
		/*设置div层自动居中*/

	}

	#top {
		background-color: white;
		/*设置id为top的div层的下边线*/
		border-bottom-color: grey;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-radius: 20px 20px 0px 0px;
	}

	/* 设置登录注册顶部样式 */
	#top p {
		line-height: 52px;
		/*设置行高可以将指定标签元素垂直居中*/
	}

	#top p strong {
		display: inline-block;
		/*将Strong行内标签更改为行内块标签元素*/
		width: 460px;
		text-indent: 26px;
		/*设置文本首行缩进*/
		font-family: "楷体";
		/*设置字体样式*/
		font-size: 20px;
		/*设置字体大小*/
		font-weight: bolder;
		/*加粗*/

	}

	#top p span {

		display: inline-block;
		/*将span行内标签更改为行内块标签元素*/
		width: 30px;
		text-align: center;
		/*设置文本水平居中*/
		font-family: "楷体";
		font-size: 20px;
		/*设置字体大小*/
		font-weight: bolder;
		/*加粗*/
	}

	/*鼠标悬浮的地方显示小手*/
	#top p span:hover {
		cursor: pointer;

	}

	#bottom {
		/* background-color: lightblue; */
		width: 320px;
		margin: auto;
		/*设置id为bottom的div层居中*/
		/* 			text-align: center;设置文本水平居中 */

	}

	#bottom #zhuce,
	#wxdl,
	#passworddl {
		text-align: center;
		/*设置文本水平居中*/
	}

	/*微信登录*/
	#WexinVerification {
		width: 320px;
		margin: auto;
	}

	#WexinVerification #QRcode {
		text-align: center;
	}

	#WexinVerification #wexinbutton01 {
		text-align: center;
		background-color: green;
		border-radius: 10px;
		margin: auto;
		margin-top: 50px;
		width: 200px;

	}

	#wexinbutton01 button {
		display: inline-block;
		/* border: none; */
		border: 10px solid green;
		font-size: 16px;
		background-color: transparent;
		color: white
	}

	#WexinVerification #weixintext {
		text-align: center;

	}

	/*短信登录*/
	#smsVerification {
		/* background-color: green; */
		width: 320px;
		margin: auto;
	}

	#smsVerification #phone,
	#message {
		/* background-color: lightgreen; */
		height: 48px;
		line-height: 48px;
		/*设置边框线*/
		border: 1px solid #DEE2E6;
		/*设置css3的圆角边框线*/
		border-radius: 10px;
		/*一个参数和设置四个参数效果一样，按顺时针方向上右下走*/
		/* border-radius: 5px 10px; */
		/*两个参数，上下 左右*/
		/* border-radius: 5px 15px 20px; */
		/*三个参数 上 左右 下*/
		/* border-radius: 5px 15px 20px 25px; */
		/*四个参数*/
		margin-top: 10px;
	}

	#smsVerification #phone input {
		/*将input 内嵌元素设置成行内块元素，再设置宽高属性*/
		display: inline-block;
		width: 260px;
		height: 40px;
		/* line-height: 40px; */

		/*设置外边框边距*/
		margin-left: 20px;
		/*去除input默认边框线*/
		border: none;
		/*去除轮廓outline点击默认样式*/
		outline: none;
		font-size: 16px;

	}

	#smsVerification #message #sms {
		/*将Input内联元素设置成行内块元素，再设置宽高属性*/
		display: inline-block;
		width: 170px;
		height: 40px;
		margin-left: 20px;
		border: none;
		outline: none;
		font-size: 16px;
	}

	#smsVerification #message #getsms {
		display: inline-block;
		width: 108px;
		height: 48px;
		/* border: none; */
		margin-left: 15.6px;
		outline: none;
		border: 1px solid rgba(127, 127, 127, 0.8);
		font-size: 16px;
		background-color: transparent;
		border-radius: 0px 10px 10px 0px;
	}

	/*用户登录*/
	#Password {
		width: 320px;
		margin: auto;
	}

	#Password #TelOrEmail,
	#pass {
		height: 48px;
		line-height: 48px;
		/*设置边框线*/
		border: 1px solid #DEE2E6;
		/*设置css3的圆角边框线*/
		border-radius: 10px;
		/*一个参数和设置四个参数效果一样，按顺时针方向上右下走*/
		/* border-radius: 5px 10px; */
		/*两个参数，上下 左右*/
		/* border-radius: 5px 15px 20px; */
		/*三个参数 上 左右 下*/
		/* border-radius: 5px 15px 20px 25px; */
		/*四个参数*/
		margin-top: 10px;
	}

	#Password #TelOrEmail input {
		display: inline-block;
		width: 260px;
		height: 40px;
		/* line-height: 40px; */

		/*设置外边框边距*/
		margin-left: 20px;
		/*去除input默认边框线*/
		border: none;
		/*去除轮廓outline点击默认样式*/
		outline: none;
		font-size: 16px;
	}

	#Password #pass input {
		display: inline-block;
		width: 260px;
		height: 40px;
		/* line-height: 40px; */

		/*设置外边框边距*/
		margin-left: 20px;
		/*去除input默认边框线*/
		border: none;
		/*去除轮廓outline点击默认样式*/
		outline: none;
		font-size: 16px;
	}

	#Password #forPassword a {
		color: green;

	}

	#Password #forPassword {
		text-align: right;
		margin-top: 20px;
	}

	.text {
		color: grey;
		margin-top: 20px;
	}

	/*设置通用登录注册底部样式*/
	.dl {
		color: white;
	}

	#bottom .commBottom {
		/* background-color: green; */
		width: 320px;
		margin: 20px auto;
	}

	#denglu {
		background-color: green;
		border-radius: 10px;
		margin-top: 10px;
		text-align: center;
	}

	#denglu input {
		display: inline-block;
		/* border: none; */
		outline: none;
		border: 10px solid green;
		font-size: 16px;
		background-color: transparent;

	}

	#LoginType {
		text-align: center;

	}

	.weixin,
	.mima,
	.duannxin {
		color: green;
		background-color: transparent;

	}

	#LoginType button {
		border: none;
		outline: none;
		padding-block-start: none;
	}

	#moreLoginType {
		text-align: center;
	}

	#moreLoginType button {
		border: none;
		outline: none;
		padding-block-start: none;

	}

	.google,
	.github,
	.weibo,
	.more {
		background-color: transparent;
	}

	.xieyi a {
		font-size: 14px;
		color: green;
	}